<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">

    <h2>小编推荐</h2>
    <h3>疯狂动物城 Zootopia </h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/疯狂动物城.jpg" alt="joker" height="300px"> </div>
    <p>导演: 拜伦·霍华德 / 瑞奇·摩尔 / 杰拉德·布什 编剧: 拜伦·霍华德 / 瑞奇·摩尔</p>
    <p>　　故事发生在一个所有哺乳类动物和谐共存的美好世界中，兔子朱迪（金妮弗·古德温 Ginnifer Goodwin
      配音）从小就梦想着能够成为一名惩恶扬善的刑警，凭借着智慧和努力，朱迪成功的从警校中毕业进入了疯狂动物城警察局，殊不知这里是大型肉食类动物的领地，作为第一只，也是唯一的小型食草类动物，朱迪会遇到怎样的故事呢？
      　　近日里，城中接连发生动物失踪案件，就在全部警员都致力于调查案件真相之时，朱迪却被局长（伊德瑞斯·艾尔巴 Idris Elba 配音）发配成为了一名无足轻重的交警。某日，正在执勤的兔子遇见了名为尼克（杰森·贝特曼 Jason
      Bateman 配音）的狐狸，两人不打不相识，之后又误打误撞的接受了寻找失踪的水獭先生的任务，如果不能在两天之内找到水獭先生，朱迪就必须自愿离开警局。朱迪找到了尼克，两人联手揭露了一个隐藏在疯狂动物城之中的惊天秘密。</p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
    
    <div class="fakeimg" >
      <div class="responsive">
        <div class="img" *ngFor="let item of jiazailist">

          <img [src]="main+item.pic">

          <div class="desc">{{item.movie}}</div>
        </div>
      </div>
    </div>
    <br>
    <div class="jiazai">
      <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
    </div>
    
  </div>